<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="format-detection" content="telephone=no">
    <title>首页</title>
    <link rel="icon" href="favicon.ico">
    <!-- CSS start -->
    <link rel="stylesheet" href="<?php echo base_url();?>media/zhiyeAdmin/icofont/style.css">
    <link rel="stylesheet" href="<?php echo base_url();?>media/zhiyeAdmin/css/style.min.css">
    <!-- CSS over -->
    <!-- JS start -->
    <script src="<?php echo base_url();?>media/zhiyeAdmin/js/jquery-1.9.1.min.js"></script>
    <script src="<?php echo base_url();?>media/zhiyeAdmin/js/plugins.js"></script>
    <script src="<?php echo base_url();?>media/zhiyeAdmin/js/laydate/laydate.js"></script>
    <script src="<?php echo base_url();?>media/zhiyeAdmin/js/scripts.js"></script>
    <!-- JS over -->
</head>


<body>
    <!-- header start -->
    <header>
        <!-- brand start -->
        <div class="brand">
            <h4 class="title">马鞍山市志业软件科技有限公司</h4>
            <p>后台管理系统</p>
        </div>
        <!-- brand start -->
        <!-- bar start -->
        <div class="header-bar">
            <!-- item start -->
            <div class="item dropdown header-list">
                <button type="button" data-toggle="dropdown">
                    <span>消息通知</span>
                    <span class="badge">3</span>
                </button>
                <div class="dropdown-menu">
                    <h6 class="dropdown-header">你有3条未读消息</h6>
                    <div class="dropdown-divider"></div>
                    <a class="item header-list-item" href="#">
                        <div class="dot blue"></div>
                        <p><b>站内通知: </b>新版后台管理系统即将上线</p>
                        <span>2017年9月1日 12:00</span>
                    </a>
                    <a class="item header-list-item" href="#">
                        <div class="dot green"></div>
                        <p><b>系统信息: </b>提交的信息审核通过</p>
                        <span>2017年9月1日 12:00</span>
                    </a>
                    <a class="item header-list-item" href="#">
                        <div class="dot red"></div>
                        <p><b>系统信息: </b>提交的信息未通过审核</p>
                        <span>2017年9月1日 12:00</span>
                    </a>
                    <div class="dropdown-divider"></div>
                    <a class="item" href="#"><i class="icon-gear"></i>查看更多</a>
                </div>
            </div>
            <!-- item over -->
            <!-- item start -->
            <div class="item"><a href="#">技术支持</a></div>
            <!-- item over -->
            <!-- user start -->
            <div class="item dropdown header-user">
                <button type="button" data-toggle="dropdown">
                    <span class="user-name">zhouzhengrui</span>
                    <span class="user-position">前端攻城师</span>
                    <div class="avatar">
                        <img src="<?php echo base_url();?>media/zhiyeAdmin/img/avatar.jpg" alt="">
                    </div>
                </button>
                <div class="dropdown-menu">
                    <a class="item" href="#"><i class="icon-pen"></i>编辑账号信息</a>
                    <a class="item" href="#"><i class="icon-lock"></i>修改密码</a>
                    <div class="dropdown-divider"></div>
                    <a class="item" href="page-login.html"><i class="icon-gear"></i>退出</a>
                </div>
            </div>
            <!-- user over -->
            <!-- fullscreen start -->
            <div class="item MT-hidden">
                <button type="button" id="fullscreen-view"><i class="icon-enlarge"></i></button>
                <button type="button" id="fullscreen-exit"><i class="icon-narrow"></i></button>
            </div>
            <!-- fullscreen over -->
            <!-- sidebar switch start -->
            <div class="item MT-hidden">
                <button type="button" id="modal-sidebar-button" data-toggle="modal" data-target="#modal-sidebar"><i class="icon-dot-array-y"></i></button>
            </div>
            <!-- sidebar switch over -->
            <!-- sidebar start -->
            <div class="modal fade" id="modal-sidebar">
                <div class="modal-dialog modal-stick-right">
                    <div class="modal-content">
                        <h1>右侧边栏</h1>
                    </div>
                </div>
            </div>
            <!-- sidebar over -->
        </div>
        <!-- bar over -->
        <!-- MT bar start -->
        <div class="MT-header-bar">
            <button class="MT-bar-toggler" type="button" data-toggle="collapse" data-target=".header-bar">
                <i class="icon-user"></i>
            </button>
            <button class="MT-bar-toggler" type="button" data-toggle="collapse" data-target="aside">
                <i class="icon-list"></i>
            </button>
        </div>
        <!-- MT bar over -->
    </header>
    <!-- header over -->

    <!-- aside start -->
    <aside>
        <!-- user start -->
        <div class="side-user">
            <div class="avatar">
                <img src="<?php echo base_url();?>media/zhiyeAdmin/img/avatar.jpg" alt="">
            </div>
            <div class="info dropdown">
                <button type="button" class="user-name dropdown-toggle" data-toggle="dropdown">
                    <span>zhouzhengrui</span>
                </button>
                <span class="user-position">前端攻城师</span>
                <div class="dropdown-menu dropdown-menu-middle">
                    <a class="item" href="#">编辑账号信息</a>
                    <a class="item" href="#">修改密码</a>
                    <div class="dropdown-divider"></div>
                    <a class="item" href="page-login.html">退出</a>
                </div>
            </div>
        </div>
        <!-- user over -->
        <!-- nav start -->
        <div class="side-nav">
            <nav class="nav">
                <!-- item start -->
                <div class="item">
                    <a class="active" href="http://localhost/zhiyeAdmin/zhiye_admin/test/index" data-pjax><i class="icon-home"></i><span>首页</span></a>
                </div>
                <!-- item over -->
                <!-- item start -->
                <div class="item">
                    <a><i class="icon-window"></i><span>演示模板 - 电子商务</span></a>
                    <div class="nav-sub">
                        <div class="item"><a href="demo-eCommerce.html" data-pjax>首页</a></div>
                        <div class="item"><a href="#" data-pjax>订单管理</a></div>
                        <div class="item"><a href="#" data-pjax>商品管理</a></div>
                    </div>
                </div>
                <!-- item over -->
                <h6 class="nav-title">页面布局</h6>
                <!-- item start -->
                <div class="item">
                    
                    <a href="http://localhost/zhiyeAdmin/zhiye_admin/test/layout_templet" data-pjax><i class="icon-gear"></i><span>初始模板</span></a>
                    <!-- <a href="layout-templet.html" data-pjax><i class="icon-gear"></i><span>初始模板</span></a> -->
                </div>
                <!-- item over -->
                <!-- item start -->
                <div class="item">
                    <a><i class="icon-gear"></i><span>主体布局</span></a>
                    <div class="nav-sub">
                        <div class="item"><a href="layout-grid.html" data-pjax>网格系统</a></div>
                        <div class="item"><a href="layout-card.html" data-pjax>卡片</a></div>
                        <div class="item"><a href="layout-tab.html" data-pjax>选项卡</a></div>
                        <div class="item"><a href="layout-collapse.html" data-pjax>折叠面板</a></div>
                        <div class="item"><a href="layout-responsive.html" data-pjax>响应式工具</a></div>
                    </div>
                </div>
                <!-- item over -->
                <h6 class="nav-title">组件</h6>
                <!-- item start -->
                <div class="item">
                    <a href="#" data-pjax><i class="icon-gear"></i><span>UI元素</span></a>
                    <div class="nav-sub">
                        <div class="item"><a href="ui-button.html" data-pjax>按钮</a></div>
                        <div class="item"><a href="ui-label.html" data-pjax>标签</a></div>
                        <div class="item"><a href="ui-icofont.html" data-pjax>字体图标</a></div>
                        <div class="item"><a href="ui-color.html" data-pjax>颜色</a></div>
                    </div>
                </div>
                <!-- item over -->
                <!-- item start -->
                <div class="item">
                    <a href="list.html" data-pjax><i class="icon-gear"></i><span>列表</span></a>
                </div>
                <!-- item over -->
                <!-- item start -->
                <div class="item">
                    <a href="table.html" data-pjax><i class="icon-gear"></i><span>表格</span></a>
                </div>
                <!-- item over -->
                <!-- item start -->
                <div class="item">
                    <a><i class="icon-gear"></i><span>表单</span></a>
                    <div class="nav-sub">
                        <div class="item"><a href="form-layout.html" data-pjax>表单布局</a></div>
                        <div class="item"><a href="form-input.html" data-pjax>输入框</a></div>
                        <div class="item"><a href="form-select.html" data-pjax>下拉列表</a></div>
                        <div class="item"><a href="form-radiocheckbox.html" data-pjax>单选多选框</a></div>
                        <div class="item"><a href="form-upload.html" data-pjax>文件上传</a></div>
                        <div class="item"><a href="form-validate.html" data-pjax>表单验证</a></div>
                    </div>
                </div>
                <!-- item over -->
                <!-- item start -->
                <div class="item">
                    <a><i class="icon-gear"></i><span>树</span></a>
                    <div class="nav-sub">
                        <div class="item"><a href="tree-ztree.html" data-pjax>zTree</a></div>
                        <div class="item"><a href="tree-treeview.html" data-pjax>Tree View</a></div>
                        <div class="item"><a href="tree-nestable.html" data-pjax>Nestable</a></div>
                    </div>
                </div>
                <!-- item over -->
                <!-- item start -->
                <div class="item">
                    <a href="modal.html" data-pjax><i class="icon-gear"></i><span>模态框</span></a>
                </div>
                <!-- item over -->
                <!-- item start -->
                <div class="item">
                    <a href="chart.html" data-pjax><i class="icon-gear"></i><span>数据图</span></a>
                </div>
                <!-- item over -->
                <h6 class="nav-title">其他</h6>
                <!-- item start -->
                <div class="item">
                    <a><i class="icon-gear"></i><span>单页</span></a>
                    <div class="nav-sub">
                        <div class="item"><a href="page-login.html">登录</a></div>
                        <div class="item"><a href="page-404.html">404</a></div>
                    </div>
                </div>
                <!-- item over -->
            </nav>
        </div>
        <!-- nav over -->
        <!-- dashboard start -->
        <div class="side-dashboard MT-hidden">
            <h6 class="side-title">仪表面板</h6>
            <div class="inner">
                <div class="info">
                    <p>进度条</p>
                    <p>60%</p>
                </div>
                <div class="progress">
                    <div class="progress-bar" style="width: 60%;"></div>
                </div>
                <div class="info">
                    <p>里程碑</p>
                    <p>30%</p>
                </div>
                <div class="progress">
                    <div class="progress-bar" style="width: 30%;"></div>
                </div>
            </div>
        </div>
        <!-- dashboard over -->
    </aside>
    <!-- aside over -->

    <!-- main start -->
    <main>
        <!-- banner start -->
        <div class="banner">
            <div class="banner-title">
                <h2>页面名称</h2>
                <p>页面主要功能的简介, 按需填写或移除整行</p>
            </div>
            <div class="banner-action">
                <div class="banner-status">
                    <p class="gray">本页统计</p>
                    <h1 class="font-number" id="status-6"></h1>
                </div>
                <div class="button-group">
                    <button type="button" class="button button-large">
                        <i class="icon-gear"></i>
                        <span>按钮</span>
                    </button>
                    <a href="#" class="button button-large button-green">
                        <i class="icon-gear"></i>
                        <span>超链接</span>
                    </a>
                </div>
            </div>
        </div>
        <!-- banner over -->
        <!-- container start -->
        <div class="container-fluid">
            <!-- row start -->
            <div class="row">
                <!-- status start -->
                <div class="col-lg-6">
                    <div class="row">
                        <!-- item start -->
                        <div class="col-md-6">
                            <section class="card card-blue">
                                <div class="card-body status">
                                    <p>彩色统计面板 / 图标</p>
                                    <div class="info">
                                        <h1 id="status-1">0</h1>
                                        <small><i class="icon-bull-market"></i><span>+12%</span></small>
                                    </div>
                                    <i class="icon-order"></i>
                                </div>
                            </section>
                        </div>
                        <!-- item over -->
                        <!-- item start -->
                        <div class="col-md-6">
                            <section class="card">
                                <div class="card-body status">
                                    <p>白色统计面板</p>
                                    <div class="info">
                                        <h1 id="status-2">0</h1>
                                        <small class="red"><i class="icon-bear-market"></i><span>-8%</span></small>
                                    </div>
                                </div>
                            </section>
                        </div>
                        <!-- item over -->
                        <!-- item start -->
                        <div class="col-md-6">
                            <section class="card">
                                <div class="card-body status">
                                    <p>白色统计面板 / 按钮</p>
                                    <div class="info">
                                        <h1 id="status-3">0</h1>
                                        <small class="green"><i class="icon-bull-market"></i><span>+12.5%</span></small>
                                    </div>
                                    <a class="status-button" href="">按钮</a>
                                </div>
                            </section>
                        </div>
                        <!-- item over -->
                        <!-- item start -->
                        <div class="col-md-6">
                            <section class="card card-green">
                                <div class="card-body status">
                                    <p>彩色统计面板 / 按钮</p>
                                    <div class="info">
                                        <h1 id="status-4">0</h1>
                                        <small><i class="icon-bull-market"></i><span>+8.5%</span></small>
                                    </div>
                                    <a class="status-button" href="">按钮</a>
                                </div>
                            </section>
                        </div>
                        <!-- item over -->
                        <!-- item start -->
                        <div class="col-md-12">
                            <section class="card" action="tooltip" data-placement="bottom" title="已完成目标金额的60%">
                                <div class="card-body status-complex">
                                    <div class="status-chart" style="width:110px;height:110px;">
                                        <div class="highcharts" id="chart-1"></div>
                                    </div>
                                    <div class="status-info">
                                        <p>chart统计面板 / 饼图 / 进度条 / 按钮 / tooltip</p>
                                        <div class="info">
                                            <h1 id="status-5"></h1>
                                        </div>
                                        <div class="progress">
                                            <div class="progress-bar" style="width: 60%;"></div>
                                        </div>
                                    </div>
                                    <a class="status-button" href="">功能按钮</a>
                                </div>
                            </section>
                        </div>
                        <!-- item over -->
                    </div>
                </div>
                <!-- status over -->
                <!-- chart start -->
                <div class="col-lg-6">
                    <section class="card">
                        <div class="card-header">
                            <h3 class="title">动态数据图<small>实时刷新的曲线面积图</small></h3>
                            <div class="card-header-action">
                                <button type="button" action="card-fullscreen"><i class="icon-enlarge"></i></button>
                            </div>
                        </div>
                        <div class="card-body" style="height:300px;">
                            <div class="highcharts" id="chart-2"></div>
                        </div>
                    </section>
                </div>
                <!-- chart over -->
            </div>
            <!-- row over -->
            <!-- row start -->
            <div class="row">
                <!-- column start -->
                <div class="col-lg-6">
                    <section class="card">
                        <div class="card-header">
                            <h3 class="title">数据图<small>基础条形图</small></h3>
                            <div class="card-header-action">
                                <button type="button" action="card-fullscreen"><i class="icon-enlarge"></i></button>
                            </div>
                        </div>
                        <div class="card-body" style="height:300px;">
                            <div class="highcharts" id="chart-3"></div>
                        </div>
                    </section>
                </div>
                <!-- column over -->
                <!-- column start -->
                <div class="col-lg-3">
                    <section class="card">
                        <div class="card-header">
                            <h3 class="title">数据图<small>带图例的饼图</small></h3>
                            <div class="card-header-action">
                                <button type="button" action="card-fullscreen"><i class="icon-enlarge"></i></button>
                            </div>
                        </div>
                        <div class="card-body" style="height:300px;">
                            <div class="highcharts" id="chart-4"></div>
                        </div>
                    </section>
                </div>
                <!-- column over -->
                <!-- column start -->
                <div class="col-lg-3">
                    <section class="card">
                        <div class="card-header">
                            <h3 class="title">数据图<small>极地面积图</small></h3>
                            <div class="card-header-action">
                                <button type="button" action="card-fullscreen"><i class="icon-enlarge"></i></button>
                            </div>
                        </div>
                        <div class="card-body" style="height:300px;">
                            <div class="highcharts" id="chart-5"></div>
                        </div>
                    </section>
                </div>
                <!-- column over -->
            </div>
            <!-- row over -->
            <!-- row start -->
            <div class="row align-items-stretch">
                <!-- column start -->
                <div class="col-lg-3">
                    <section class="card">
                        <div class="card-header">
                            <h3 class="title">卡片<small>单条图文信息</small></h3>
                            <div class="card-header-action">
                                <button type="button" action="card-fullscreen"><i class="icon-enlarge"></i></button>
                            </div>
                        </div>
                        <div class="card-image">
                            <img src="img/zhiye-board.jpg" alt="">
                        </div>
                        <div class="card-text">
                            <h3 class="title">标题</h3>
                            <h6 class="title-sub">副标题, 按需添加或移除整行</h6>
                            <p>卡片是一个灵活的、可扩展的内容窗口。</p>
                            <p>它包含了可选的卡片头和卡片脚、一个大范围的内容容器、图片展示位、上下文背景色以及强大的显示选项。</p>
                            <a href="#" class="button button-block">按钮</a>
                        </div>
                    </section>
                </div>
                <!-- column over -->
                <!-- column start -->
                <div class="col-lg-5">
                    <section class="card">
                        <div class="card-header">
                            <h3 class="title">列表<small>多条图文信息</small></h3>
                            <div class="card-header-action">
                                <button type="button"><i class="icon-gear"></i><span>功能按钮</span></button>
                            </div>
                        </div>
                        <div class="card-body">
                            <!-- list start -->
                            <div class="list">
                                <!-- item start -->
                                <a class="item" href="#">
                                    <div class="avatar">
                                        <img src="img/avatar-zhouzhengrui.jpg" alt="">
                                    </div>
                                    <div class="item-body">
                                        <h5>周正锐</h5>
                                        <p class="gray">zhouzhengrui@maszy.cn</p>
                                    </div>
                                    <div class="label-group">
                                        <span class="label label-blue">前端攻城师</span>
                                    </div>
                                </a>
                                <!-- item over -->
                                <!-- item start -->
                                <a class="item" href="#">
                                    <div class="avatar">
                                        <img src="img/avatar-shulei.jpg" alt="">
                                    </div>
                                    <div class="item-body">
                                        <h5>束磊</h5>
                                        <p class="gray">shulei@maszy.cn</p>
                                    </div>
                                    <div class="label-group">
                                        <span class="label label-green">CEO</span>
                                    </div>
                                </a>
                                <!-- item over -->
                                <!-- item start -->
                                <a class="item" href="#">
                                    <div class="avatar">
                                        <img src="img/avatar-jinjing.jpg" alt="">
                                    </div>
                                    <div class="item-body">
                                        <h5>金晶</h5>
                                        <p class="gray">jinjing@maszy.cn</p>
                                    </div>
                                    <div class="label-group">
                                        <span class="label label-purple">销售总监</span>
                                    </div>
                                </a>
                                <!-- item over -->
                                <!-- item start -->
                                <a class="item" href="#">
                                    <div class="avatar">
                                        <img src="img/avatar-wupeijun.jpg" alt="">
                                    </div>
                                    <div class="item-body">
                                        <h5>武佩俊</h5>
                                        <p class="gray">wupeijun@maszy.cn</p>
                                    </div>
                                    <div class="label-group">
                                        <span class="label label-cyan">项目经理</span>
                                    </div>
                                </a>
                                <!-- item over -->
                                <!-- item start -->
                                <a class="item" href="#">
                                    <div class="avatar">
                                        <img src="<?php echo base_url();?>media/zhiyeAdmin/img/avatar.jpg" alt="">
                                    </div>
                                    <div class="item-body">
                                        <h5>Administrator</h5>
                                        <p class="gray">administrator@maszy.cn</p>
                                    </div>
                                    <span class="label label-gray">管理员</span>
                                </a>
                                <!-- item over -->
                            </div>
                            <!-- list over -->
                        </div>
                    </section>
                </div>
                <!-- column over -->
                <!-- column start -->
                <div class="col-lg-4">
                    <section class="card">
                        <div class="card-image">
                            <div class="weather" id="weather"></div>
                        </div>
                        <div class="card-body">
                            <!-- timeline start -->
                            <div class="list-timeline">
                                <h4 class="title">时间轴</h4>
                                <div class="item">
                                    <a class="info" href="#">依据时间顺序，把一方面或多方面的事件串联起来</a>
                                    <p class="tag">附加信息</p>
                                </div>
                                <h4 class="title">分组标题</h4>
                                <div class="item">
                                    <a class="info" href="#">时间轴样式适合展示新闻列表、事件记录、任务提示等</a>
                                    <p class="tag"><span>多个短标签使用span包裹</span><span>日期</span><span>作者</span></p>
                                </div>
                                <div class="item">
                                    <p class="info">可按需添加或移除.title、.tag和超链接</p>
                                </div>
                            </div>
                            <!-- timeline over -->
                        </div>
                    </section>
                </div>
                <!-- column over -->
            </div>
            <!-- row over -->
            <!-- row start -->
            <div class="row">
                <!-- column start -->
                <div class="col-lg-12">
                    <section class="card">
                        <div class="card-header">
                            <h3 class="title">表格</h3>
                            <div class="card-header-action">
                                <button type="button"><i class="icon-gear"></i><span>功能按钮</span></button>
                                <button type="button" action="card-fullscreen"><i class="icon-enlarge"></i></button>
                            </div>
                        </div>
                        <div class="card-body">
                            <!-- table start -->
                            <table class="table table-responsive">
                                <thead>
                                    <tr>
                                        <th align="left">编号</th>
                                        <th align="left" colspan="2">信息组</th>
                                        <th align="left">字段</th>
                                        <th align="left">标签</th>
                                        <th align="right">相关操作</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr>
                                        <th align="left">#1</th>
                                        <td style="width:70px;">
                                            <div class="image" style="background-image: url('img/avatar-zhouzhengrui.jpg');">
                                            </div>
                                        </td>
                                        <td>
                                            <h6>周正锐</h6>
                                            <p class="gray">zhouzhengrui@maszy.cn</p>
                                        </td>
                                        <td>UI设计 / 前端开发</td>
                                        <td><span class="label label-blue">前端攻城师</span></td>
                                        <td align="right">
                                            <a href="#" class="button button-small">编辑</a>
                                            <a href="#" class="button button-small button-green">新增</a>
                                        </td>
                                    </tr>
                                    <tr>
                                        <th align="left">#2</th>
                                        <td style="width:70px;">
                                            <div class="image" style="background-image: url('img/avatar-shulei.jpg');">
                                            </div>
                                        </td>
                                        <td>
                                            <h6>束磊</h6>
                                            <p class="gray">shulei@maszy.cn</p>
                                        </td>
                                        <td>战略决策 / 项目统筹管理</td>
                                        <td><span class="label label-green">CEO</span></td>
                                        <td align="right">
                                            <a href="#" class="button button-small">编辑</a>
                                            <a href="#" class="button button-small button-cyan">修改</a>
                                        </td>
                                    </tr>
                                    <tr>
                                        <th align="left">#3</th>
                                        <td style="width:70px;">
                                            <div class="image" style="background-image: url('img/avatar-jinjing.jpg');">
                                            </div>
                                        </td>
                                        <td>
                                            <h6>金晶</h6>
                                            <p class="gray">jinjing@maszy.cn</p>
                                        </td>
                                        <td>方针制定 / 战术运用</td>
                                        <td><span class="label label-purple">销售总监</span></td>
                                        <td align="right">
                                            <a href="#" class="button button-small">编辑</a>
                                            <a href="#" class="button button-small button-purple">查看</a>
                                        </td>
                                    </tr>
                                    <tr>
                                        <th align="left">#4</th>
                                        <td style="width:70px;">
                                            <div class="image" style="background-image: url('img/avatar-wupeijun.jpg');">
                                            </div>
                                        </td>
                                        <td>
                                            <h6>武佩俊</h6>
                                            <p class="gray">wupeijun@maszy.cn</p>
                                        </td>
                                        <td>项目实行 / 质量、安全、进度、成本管理</td>
                                        <td><span class="label label-cyan">项目经理</span></td>
                                        <td align="right">
                                            <a href="#" class="button button-small">编辑</a>
                                            <a href="#" class="button button-small button-red">删除</a>
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                            <!-- table over -->
                        </div>
                    </section>
                </div>
                <!-- column over -->
            </div>
            <!-- row over -->
        </div>
        <!-- container over -->
        <!-- page script start -->
        <script type="text/javascript">
            jQuery(document).ready(function($) {
                // CountUp
                var CountUpOptions = {  
                    useEasing: true,
                    useGrouping: true,
                    separator: ',',
                    decimal: '.',
                };
                var status1 = new CountUp('status-1', 0, 128, 0, 1.5, CountUpOptions); // (元素ID, 初始值, 结束值, 小数位, 动画持续时间, 配置)
                var status2 = new CountUp('status-2', 0, 1024, 0, 1.5, CountUpOptions);
                var status3 = new CountUp('status-3', 0, 2048, 0, 1.5, CountUpOptions);
                var status4 = new CountUp('status-4', 0, 4096, 0, 1.5, CountUpOptions);
                status1.start();
                status2.start();
                status3.start();
                status4.start();
                var moneyCountUpOptions = {  
                    useEasing: true,
                    useGrouping: true,
                    separator: ',',
                    decimal: '.',
                    prefix: '¥'
                };
                var status5 = new CountUp('status-5', 0, 123456.00, 2, 2.5, moneyCountUpOptions);
                status5.start();
                var status6 = new CountUp('status-6', 0, 12345.00, 2, 2.5, CountUpOptions);
                status6.start();
                // highcharts
                $("#chart-1").highcharts({
                    chart: {
                        type: 'pie',
                        margin: 0
                    },
                    title: {
                        text: null
                    },
                    tooltip: {
                        headerFormat: null,
                        pointFormat: '{point.name}: <b>{point.percentage:.1f}%</b>'
                    },
                    plotOptions: {
                        pie: {
                            cursor: 'pointer',
                            dataLabels: {
                                enabled: false
                            }
                        }
                    },
                    series: [{
                        type: 'pie',
                        innerSize: '50%',
                        borderWidth: 2,
                        name: '金额占比',
                        data: [
                            ['软件开发', 63.2],
                            ['网站制作', 36.8],
                        ]
                    }],
                });
                $('#chart-2').highcharts({
                    chart: {
                        type: 'areaspline',
                        animation: Highcharts.svg,
                        events: {
                            load: function() {
                                var series = this.series[0],
                                    chart = this;
                                setInterval(function() {
                                    var x = (new Date()).getTime(),
                                        y = Math.random();
                                    series.addPoint([x, y], true, true);
                                }, 3000);
                            }
                        }
                    },
                    title: {
                        text: null
                    },
                    xAxis: {
                        type: 'datetime',
                        tickPixelInterval: 150
                    },
                    yAxis: {
                        title: {
                            text: null
                        },
                    },
                    tooltip: {
                        formatter: function() {
                            return '<h6>' + this.series.name + '</h6>' +
                                '<p>' + Highcharts.dateFormat('%Y-%m-%d %H:%M:%S', this.x) + '</p>' +
                                '<p>' + Highcharts.numberFormat(this.y, 2) + '</p>';
                        }
                    },
                    legend: {
                        enabled: false
                    },
                    exporting: {
                        enabled: false
                    },
                    series: [{
                        name: '随机数据',
                        colorIndex: 0,
                        data: (function() {
                            var data = [],
                                time = (new Date()).getTime(),
                                i;
                            for (i = -19; i <= 0; i += 1) {
                                data.push({
                                    x: time + i * 1000,
                                    y: Math.random()
                                });
                            }
                            return data;
                        }())
                    }]
                });
                $('#chart-3').highcharts({
                    chart: {
                        type: 'column',
                    },
                    title: {
                        text: '图表名称'
                    },
                    xAxis: {
                        categories: ['一月', '二月', '三月', '四月', '五月', '六月'],
                    },
                    yAxis: {
                        title: {
                            text: null,
                        },
                    },
                    tooltip: {
                        valueSuffix: '万'
                    },
                    navigation: {
                        buttonOptions: {
                            enabled: true
                        }
                    },
                    series: [{
                        name: '2017年',
                        data: [507, 231, 635, 203, 362, 890]
                    }, {
                        name: '2016年',
                        data: [333, 156, 947, 408, 216, 790]
                    }]
                });
                $('#chart-4').highcharts({
                    chart: {
                        type: 'pie',
                    },
                    title: {
                        text: null
                    },
                    plotOptions: {
                        pie: {
                            allowPointSelect: true,
                            cursor: 'pointer',
                            dataLabels: {
                                enabled: false
                            },
                            showInLegend: true
                        }
                    },
                    navigation: {
                        buttonOptions: {
                            enabled: true
                        }
                    },
                    series: [{
                        name: '浏览器访问量占比',
                        data: [
                            ['Firefox', 45.0],
                            ['IE', 26.8],
                            ['Chrome', 12.8],
                            ['Safari', 8.5]
                        ]
                    }]
                });
                $('#chart-5').highcharts({
                    chart: {
                        polar: true,
                        type: 'area',
                    },
                    title: {
                        text: null,
                    },
                    pane: {
                        size: '80%'
                    },
                    xAxis: {
                        categories: ['网站制作', '软件开发', '市场营销', '客户支持', '信息技术', '行政管理'],
                        gridLineWidth: 1
                    },
                    yAxis: {
                        gridLineInterpolation: 'polygon',
                        max: 10
                    },
                    legend: {
                        enabled: false
                    },
                    navigation: {
                        buttonOptions: {
                            enabled: true
                        }
                    },
                    series: [{
                        name: '能力值',
                        data: [10, 8, 8, 10, 8, 8],
                        pointPlacement: 'on'
                    }]
                });
                // weather
                $.getScript("js/leoweather/jquery.leoweather.min.js", function() {
                    $('#weather').leoweather({
                        format: '<div class="weather-info">' +
                                '<h1>{气温}<span>℃</span></h1>' +
                                '<p>{城市}, {天气}</p>' +
                                '<p>{风向}, {风级}级</p>' +
                                '<p>{年}年{月}月{日}日 {时段} {时}:{分}</p>' +
                                '</div>' +
                                '<div class="weather-icon"><i class="icon-{图标}"></i></div>'
                    });
                });
            });
        </script>
        <!-- page script over -->
        <!-- copyright start -->
        <div class="copyright">
            <p>Powered by <a href="http://www.maszy.cn" target="_blank">© ZhiYe Software Technology Co.,Ltd</a></p>
        </div>
        <!-- copyright over -->

    </main>
    <!-- main over -->
</body>

</html>
